<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <title>Happy Birthday</title>
  <link rel="stylesheet" href="../css/jquery.fullPage.css">
  <link rel="stylesheet" href="../css/style.css">
</head>

<body>
  <div class="bgcolor">
    <div style="z-index:100;" id="dowebok">
      <!--第一屏-->
      <div class="section">
        <div class="ly-box01">
          <div class="ly-txt01">
            <p class="ly-stxt01">遥扣芳辰，生辰吉乐</p>
            <p class="ly-stxt02">且以喜乐，且以永日</p>
            <p class="ly-stxt03">又是新的一岁，祝你</p>
            <p class="ly-stxt04">自由自在，无忧无虑</p>
            <!-- ，在认清 -->
            <p class="ly-stxt05">年年岁岁，平平安安</p>
            <!-- <p class="ly-stxt05">生活的真相后，更加热爱它吧！</p> -->
          </div>
          <div class="ly-txt02">
            <p class="ly-stxt06">秋意已去</p>
            <p class="ly-stxt07">冬日可期</p>
            <p class="ly-stxt08">少女的梦本就应该像粉红色的泡泡茶壶一样</p>
            <p class="ly-stxt09">所以请对每一个明天都满怀希望与热情</p>
            <p class="ly-stxt10">祝你：生日快乐！</p>
          </div>
        </div>
      </div>

      <!--第二屏-->
      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box11">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt12">

          </div>
          <div class="ly-imgbox11" style="height:80%">
            <img class="ly-img11" src="../img/yl1.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box12">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt14">
            <p>小游淋，祝你</p>
            <p>所有的希望都能如愿</p>
            <p>所有的梦想都能实现</p>
            <p>所有的期待都能出现</p>
            <p>所有的付出都能兑现在你新新的一岁。</p>
          </div>
          <div class="ly-imgbox11" style="height:50%">
            <img class="ly-img11" src="../img/yl4.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle12"></div>

      </div>

      <!--第三屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint21"></div>
        <div class="ly-box21">
          <div class="ly-txt21" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt22" style="left:20%;font-size: 45px">
            <p>愿</p>
            <p>你</p>
          </div>
          <div class="ly-imgbox21">
            <img class="ly-img21" src="../img/yl5.webp">
          </div>
        </div>
        <div class="ly-triangle21"></div>

        <div class="ly-box22">
          <div class="ly-txt23" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:100%">
          </div>
          <div class="ly-txt24">
            <p>逸四季沐歌，惟不改心初</p>
            <p>月改仍同渡，岁如常青竹</p>
            <p>锦绣当无尽，清欢且自若</p>
            <p>簇新并去旧芜</p>
            <p>静待昨年落幕</p>
          </div>
          <div class="ly-imgbox22">
            <img class="ly-img22" src="../img/yl3.webp">
          </div>
        </div>
        <div class="ly-triangle22"></div>

        <div class="ly-box23">
          <div class="ly-txt25" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt26">
            <p>祝卿此去<p>
            <p>日月同途，山河共渡，晴春不改，岁月不负</p>
            <p>生活长避忧苦，生命花团锦簇</p>
          </div>
          <div class="ly-imgbox23" style="height: 70%">
            <img class="ly-img23" src="../img/yl6.jpg" style="height: 100%">
          </div>
        </div>
        <div class="ly-triangle23"></div>
      </div>

      <!--第四屏-->

      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint31"></div>
        <div class="ly-box31">
          <div class="ly-txt31" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt32">
            <p>望你</p>
            <p>  驱散心中迷惘，灼烧荒野之疆</p>
            <p>     敬千岁自由，贺喜乐安康</p>
            <p>永远向上生长，无惧起落跌宕🌈</p>
          </div>
          <div class="ly-imgbox31" style="height:50%">
            <img class="ly-img31" src="../img/di22.jpg" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle31"></div>

        <div class="ly-box32">
          <div class="ly-txt33" style="width:100%;height:15%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt34">
            <p>适逢其时，岁月安好，生辰如期而至。愿今后的每一天好花常有，好梦长留，不负流年不负自己。</p>
          </div>
          <div class="ly-imgbox31">
            <img class="ly-img31" src="../img/yl9.webp" style="height:100%">
          </div>
        </div>
        <div class="ly-triangle32"></div>
      </div>


      <div class="section">
        <div class="timeline"></div>
        <div class="timepoint11"></div>
        <div class="ly-box81">
          <div class="ly-txt11" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:200%;height:200%">
          </div>
          <div class="ly-txt82" style="top:8%">
            <p class="wwww1">来自大帅哥的祝福</p>
            <p class="wwww1">生日快乐游子吟！</p>
            <p class="wwww1">这是我们认识来的第几年？</p>
            <p class="wwww1">只认识应该算是已经十三年？</p>
            <p class="wwww1">但我们若算是好朋友也就五年吧</p>
            <p class="wwww1">五年好像也不能就说是个也就</p>
            <p class="wwww1">但未来还会有数不过来的五年</p>
          </div>
          <div class="ly-imgbox81">
            <img class="ly-img81" src="../img/yl2.jpg">
          </div>
        </div>
        <div class="ly-triangle11"></div>

        <div class="ly-box82">
          <div class="ly-txt13" style="width:100%;height:10%;left:10%">
            <img class="ly-img11" src="../img/HappyBirthday.png" style="width:100%;height:100%">
          </div>
          <div class="ly-txt84">
            <p>Hi!游淋，</p>
            <p>今天的你是寿星！</p>
            <p>又长大了一岁虽然你可能不太想，</p>
            <p>但不管如何今天的你必须得是开心与快乐。</p>
            <p>新的一岁里，好哈感受当下，与热爱之事无限共鸣。</p>
            <p>希望你坚持自己的选择，走好自己的路。</p>
            <p>冬有冬的征程，万籁寂静，蓄势待发。你有你的旅途，勇往直前，遍地生花！</p>
            <p>不要彷徨于来路，不要畏惧于出处。加油！！！</p>
            <p><a href="./EasterEgg.html">点击有彩蛋</a>  </p>
          </div>

        </div>
        <div class="ly-triangle82"></div>
      </div>

    </div>
    <!--试验-->
    <ul class="bg-bubbles">
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
      <li></li>
    </ul>
  </div>
  <audio src="../music/3.mp3" autoplay="autoplay" loop="loop">

    <script src="../js/jquery-1.8.3.min.js"></script>
    <script src="../js/jquery.fullPage.min.js"></script>
    <script src="../js/diy.js"></script>
</body>

</html>